.follow-container {
    height:100%;
    position:relative;
}
/* 顶部滚动区 */
.follow-top {
    height:23%;
}
.follow-top .slider-container {
    height:100%;
    /* display:flex; */
    align-items: center;
    justify-content: center;
    overflow:hidden;
    position:relative;
}
.follow-top .slider-container .slider-wrapper {
    width:9%;
    height:54px;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
}
.follow-top .slider-container .slider-wrapper .slider-item {
    width:100%;
    height:54px;
    position:absolute;
    left:0;
    top:0;
    text-align:center;
    /* background:rgba(0, 255, 0, 0.2); */
    transition:all 0.5s ease-in;
}

.follow-top .slider-container .slider-wrapper .slider-item > img {
    width:54px;
    height:54px;
}
.follow-top .slider-container .slider-wrapper .slider-text {
    position:absolute;
    top:140%;
    left:50%;
    transform:translateX(-50%);
    white-space:nowrap;
    color:#CACFD8;
    font-size:16px;
    line-height:22px;
    font-weight:bold;
}

/* 底部跟随变动展示区 */
.follow-bottom {
    width:1196px;
    height:686px;
    margin:0 auto;
}
.follow-bottom .content-wrapper {
    height:100%;
    width:100%;
    background-image:url('../../../public/follow-slider-bg.png');
    background-repeat: no-repeat;
    position:relative;
}
.follow-bottom .content-wrapper .content-bg {
    position:absolute;
    top:84px;
    left:135px;
    width:1042px;
    height:587px;
    background-repeat: no-repeat;
    background-size:cover;
    border-radius:4px;
}
.follow-bottom .content-wrapper .content-bg.prev {
    transform:scale(1);
}
.follow-bottom .content-wrapper .content-bg.next {
    transform:scale(0);
    opacity:0;
}
.follow-bottom .content-wrapper .content-bg.prev.active {
    animation:scaleOut 0.5s forwards ease-in;
}
.follow-bottom .content-wrapper .content-bg.next.active {
    animation:scaleIn 0.5s 0.2s forwards ease-in-out;
}
@keyframes scaleOut {
    0% {
        transform:scale(1);
        opacity:1;
    }
    100% {
        transform:scale(0.3);
        opacity:0;
    }
}
@keyframes scaleIn {
    0% {
        transform:scale(0.3);
        opacity:0;
    }
    100%{
        transform:scale(1);
        opacity:1;
    }
}



